<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Blog | Amaze UI Example</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="alternate icon" type="image/png" href="/Public/assets/i/favicon.png">
  <link rel="stylesheet" href="/Public/assets/css/amazeui.min.css"/>
  <!--link rel="stylesheet" href="/Public/assets/css/demo.css"/-->
  <link rel="stylesheet" href="/Public/assets/css/thinkphp3.2.3-page.css"/>
  <link rel="stylesheet" href="/Public/assets/css/common.css"/>
  <style>
    @media only screen and (min-width: 1200px) {
      .blog-g-fixed {
        max-width: 1200px;
      }
    }

    @media only screen and (min-width: 641px) {
      .blog-sidebar {
        font-size: 1.4rem;
      }
    }

    .blog-main {
      padding: 20px 0;
    }

    .blog-title {
      margin: 10px 0 20px 0;
    }

    .blog-meta {
      font-size: 14px;
      margin: 10px 0 20px 0;
      color: #222;
    }

    .blog-meta a {
      color: #27ae60;
    }

    .blog-pagination a {
      font-size: 1.4rem;
    }

    .blog-team li {
      padding: 4px;
    }

    .blog-team img {
      margin-bottom: 0;
    }

    .blog-content img,
    .blog-team img {
      max-width: 100%;
      height: auto;
    }

    .blog-footer {
      padding: 10px 0;
      text-align: center;
    }
    .am-topbar-inverse{
		background-color:#FFCC33;	
	}
	.am-topbar-inverse .am-topbar-nav>li>a{
		color: #303030;
	}
	.am-u-md-8{float:right;}
	.am-panel-group{width:247px;height:323px;float:left;background-color:#fff; text-align:center;margin:0px;}
	.am-panel am-panel-default{width:247px;height:263px;text-align:center;}
	.left1{width:100%;height:130px;margin:0 auto;}
	.left2{width:62px;height:62px;background:red;align:center;}
	.left3 .left4{text-algin:center;}
	.foot1 .foot2 .foot3{width:29px;height:29px;display:block;}
	.me{padding-top:60px;}
	.next{width:670px;height:154px;background:#FFF}
    .left{width:300px;height:154px;display:inline-block;float:left;}
    .left img{width:300px;height:154px;}
    .right{width:370px;height:154px;float:left;}
    .nextpage{width:370px;height: 27px;font-size: .9em;line-height: 27px;color: #fc3;margin:15px;}
    .nexttitle{margin:15px;}
  </style>
  
</head>
<body>
<include file='./Application/Home/View/Share/blog_header.html'/>

<div class="am-g am-g-fixed blog-g-fixed">
  <div class="am-u-md-8">
	<!--图片轮播start-->  
	<div class="next">
		<div class="left" ><a href="http://s.amazeui.org/media/i/demos/bing-1.jpg" class="">
              <img src="http://s.amazeui.org/media/i/demos/bing-1.jpg"  alt="远方 有一个地方 那里种有我们的梦想"></div>
		<div class="right">	
			<div class="nextpage">远方 有一个地方 那里种有我们的梦想
			</div>
			<div class="nexttitle">
				从王祖贤林青霞到妖艳王丽坤，和他合作过的女明星美到惊人
			</div>
		</div>
    </div>
    <div class="next">
		<div class="left" ><a href="http://s.amazeui.org/media/i/demos/bing-1.jpg" class="">
              <img src="http://s.amazeui.org/media/i/demos/bing-1.jpg"  alt="远方 有一个地方 那里种有我们的梦想"></div>
		<div class="right">	
			<div class="nextpage">下一页精彩内容 >
			</div>
			<div class="nexttitle">
				从王祖贤林青霞到妖艳王丽坤，和他合作过的女明星美到惊人
			</div>
		</div>
    </div>
	<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">
	
	</div>
	<!--图片轮播end-->  
	<!--图文start--> 
	
	<button type="button" class="am-btn am-btn-default">加载更多</button>
	
	
	<!--图文end-->   
  </div>

  <div class="am-u-md-4 blog-sidebar">
    <div class="am-panel-group">
      <div class="am-panel am-panel-default">
        <img class="left1" src="http://s.amazeui.org/media/i/demos/bing-1.jpg"/>
        <div class="left2">头像</div>
        <div class="left3">Crazy_ Mr 堅</div>
        <div class="left4">东莞</div>
      </div>
		
	  <div class="foot">
		 <div class="foot1">点赞</div>
        <div class="foot2">消息</div>
        <div class="foot3">转发</div>
	  </div>
	  <div class="me">
		 <ul class="am-list admin-sidebar-list">
			<li><a href="#"> 我的评论</a></li>
			<li><a href="#"> 我的收藏</a></li>
		  </ul>
    </div>	  
    </div>
    
  </div>
	<!--列表--->
	
   <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
    <div class="am-offcanvas-bar admin-offcanvas-bar">
      <ul class="am-list admin-sidebar-list">
        <li><a href="/Admin/Index"><span class="am-icon-home"></span> 首页</a></li>
        <li class="admin-parent">
          <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span> 页面模块 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
			  <li><a href="/Admin/Account/account" class="am-cf"><span class="am-icon-check"></span> 管理员添加<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
           
        </li>
       
      </ul>

    </div>
  </div>

</div>
<include file='./Application/Home/View/Share/blog_footer.html'/>


<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/Public/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/Public/assets/js/amazeui.min.js"></script>

</body>
</html>
